<template>
    <div class="demo2">
        <h2>学校名字:{{name}}</h2>
        <h2>学校地址:{{adress}}</h2>
    </div>
</template>

<script>
    export default {
        name:'School',
        data() {
            return {
                name:'河池学院',
                adress:'广西壮族自治区河池市宜州去庆远镇龙江路'
            }
        },
        methods:{
            demo(e){
                console.log("我是组件School，收到数据",e);
            }
        },
        mounted() {//生命周期钩子函数
            //console.log("School:",this);
            //给vc定义一个组件
            this.$bus.$on('hello',this.demo);//回调事件
        },

        //解绑事件
        beforeDestroy(){
            this.$bus.off('hello');
        }
    }
</script>

<style scoped>
    .demo2{
        background-color: orange;
    }
</style>